JavaScript y D3

IIC2026 2020-2

JavaScript I

JavaScript y D3

IIC2026 2020-2

JavaScript


  • Lenguaje de programación de la web.
  • Es un lenguaje de alto nivel, interpretado y multiparadigma.

JavaScript


  • Lenguaje de programación de la web.
  • Es un lenguaje de alto nivel, interpretado y multiparadigma.
  • Puede ejecutarse en un navegador web y afectar el contenido de una página.
  • Lo utilizaremos como lenguaje para construir visualizaciones a partir de datos.

JavaScript


  • Lenguaje en constante evolución.
  • Su estándar se llama ECMAScript (ES).
  • Consideraremos desde ES2015 o ES6 en este curso.

Declaraciones y variables



						let miVariable = 1;
						miVariable = 4;
					

						const miVariableConstante = 1;
					

						var miVariable = 1;
						miVariable = 4;
					

Declaraciones y variables



						let miVariable = 1;
						miVariable = 4;
					

						const miVariableConstante = 1;
					

						var miVariable = 1;
						miVariable = 4;
					

Declaraciones y variables



						let miVariable = 1;
						miVariable = 4;
					

						const miVariableConstante = 1;
					

						var miVariable = 1;
						miVariable = 4;
					

Declaraciones y variables



						let miVariable = 1;
						miVariable = 4;
					

						const miVariableConstante = 1;
					

						var miVariable = 1;
						miVariable = 4;
					

Declaraciones y variables



						let miVariable = 1;
						miVariable = 4;
					

						const miVariableConstante = 1;
					

Llaves para organizar el código



            if (miVariable > 5) {
              miVariable = miVariable / 2;
            }
					

            for (let i = 0; i < 10; i++) {
              miVariable += i;
            }
					

            function miFuncion(arg1, arg2) {
              return arg1 + 2 * args2;
            }
					

Control de flujo



            if (miVariable > 5 && miVariableConstante == 1) {
              // se ejecuta si ambas cumplen
              miVariable = miVariable / 2;
            } else if (miVariable > 5 || miVariableConstante == 1) {
              // se ejecuta si alguna cumple
              miVariable -= 2;
            } else {
              miVariable = 0;
            }
					

Strings



            const nombre = "Tamara";

            const saludo = "¡Hola " + nombre + "!";

					

Strings



            const nombre = "Tamara";

            const saludo = "¡Hola " + nombre + "!";

            const saludo2 = `¡Hola ${nombre}!`;
					

Arrays



            let arreglo = [3, 1, 4, 1, 5];

            const variable = arreglo[0]; // 3

            arreglo.push(9);
					

Objects



            let miObjeto = {nombre: "Tamara", apellido: "Munzner"};

            const nombre = miObjeto["nombre"]; // "Tamara"

            const apellido = miObjeto.apellido; // "Munzner"

            miObjeto["curso"] = "Visualización de Información";
            miObjeto.universidad = "British Columbia";
					

JavaScript


¡Es mucho!

Ten curiosidad y busca en la web por referencias de aprendizaje. Recomiendo: MDN Web Docs.

JavaScript I

JavaScript y D3

IIC2026 2020-2


¡Deja tus preguntas en los comentarios!